/*
index-style
*/


.navbar-default{
    margin:0;
    background-color:#FBFBFB;
    border: 0;
}
.navbar-brand{
    width:126px;
}

.navbar-brand a{
    font-size: 17px;
    color: black;
    font-weight:500;
}

.navbar-brand img{
    display:inline;
}
.navbar-nav li a{
    display:inline-block;
} 


.sub{
    
    float: left;
}

.navbarleft{
    width:160px;
    height:1300px;;
    background-color:#FEFEFE;
}
.navbarleft .nav-stacked li{
    margin:20px 10px;
}
.navbarleft .nav-stacked .btn-group .btn-danger{
    background-color:#FEFEFE;
    border-color:#FEFEFE;
    color:black;
}
.return{
    position:fixed;
    right:10px;
    bottom:40px;
    width:42px;
    height:42px;
    background:url('../images/返回.png');
    border:1px solid black;
    border-radius:6px;
}

@media (min-width: 768px){

    .navbar-collapse #navbar-nav2{
        float:right;
    }
    .navbar-collapse .navbar-left{
        float:right!important;
    }

@media(max-width:768px){
    .navbar-nav .li1{
    margin-left:27px;
    }
    .navbar-collapse .navbar-left .form-group{
        display:inline-block;
    }
 
}
}

.juzhong{
    margin-left: 200px;
}
.demo{
    width:650px;
    margin: 0 auto;
    }
    h3{
    font-size:18px
    }
    #post{
    margin-top:5px
    }
    #comments p,#post p{
    line-height:15px
    }
   
    #comments p span{
    margin:4px; color:#999
    }
    #message{
    position:relative;
    display:none;
    width:120px;
    padding:4px;
    margin-top:-100px;
    margin-left:30px;
    background: #ff0000;
    color: #c286ff;
    z-index:1001
    }

.photo{
    margin-left: 50px;
    width: 80px;
    height: 80px;
    display: flex;
    border-radius: 50%;
    align-items: center;
    justify-content: center;
    overflow: hidden;
}

    .show1{
        padding-left:30px;
    }
    .sub .show1 .show1-span1{
        margin-left:10px;
    }
    .sub .show1 .show1-span2{
   
        margin-left:10px;
        font-size: 14px;
        color: #3399ea;
        cursor: pointer;
    }
    .sub ul{
        list-style-type:none;
    }
    .sub ul li{
        list-style-type:none;
        height: 20px;
        line-height: 20px;
        font-size: 14px;
        color: #4d4d4d;
    }

    .sub{
        border:1px solid;
        border-color:#cdcdcd;
        border-radius:2px;
        width: 335px;
    }

    .top{
        border:1px solid;
        border-color:#cdcdcd;
        border-radius:2px;
        height: 100px;
        margin-left: 33px;
        margin-right: 30px;
        margin-bottom:10px;
        margin-top:5px;
        background: url(../images/横幅.gif) no-repeat left top; background-size:100%;
    }

.foot{
    background-color:RGBA(245, 245, 245, 1);
    text-align: center;
    border-top:2px solid RGBA(210, 203, 203, 1);
}
.foot .link span a{
    color:RGBA(115, 120, 115, 1);
}
.foot .link span a:hover{
    color:red;
}